<!--{@page layout="frame"}-->
<!--{content head}-->
<link rel="stylesheet" href="<?php echo MONK::include_css('app/index',$webSite.'/Frame/source/styles/app/index.css',false,true); ?>">
<!--{/content}-->
<!--{content content}-->
<div class="page sheet-root" id="page-apps" data-page-name="应用库" data-url="/apps">
    <div class="slider">
        <div id="bg"></div>
        <div id="carousel">
            <div>
                <img class="img-front" src="/Frame/source/uploads/app/97fa059753e1109390d54b78f6d020cc/dot1.png" alt="dot1" width="450" height="350" />
                <img class="img-back" src="/Frame/source/uploads/app/97fa059753e1109390d54b78f6d020cc/dot2.png" alt="dot2" width="350" height="275" />
                <h3>雷影 beta 1.0</h3>
                <p>一个可以定位并且人脸识别的考勤系统。</p>
                <a href="<?php echo MONK::_url('app/one',array('app_id'=>'97fa059753e1109390d54b78f6d020cc'))?>">查看详情 &raquo;</a>
            </div>
            <div>
                <img class="img-front" src="/Frame/source/uploads/app/97fa059753e1109390d54b78f6d020cc/cfs1.png" alt="cfs1" width="450" height="350" />
                <img class="img-back" src="/Frame/source/uploads/app/97fa059753e1109390d54b78f6d020cc/cfs2.png" alt="cfs2" width="350" height="275" />
                <h3>记事通</h3>
                <p>方便快捷的记事本应用，一本在手，万事随手记。</p>
                <a href="<?php echo MONK::_url('app/one',array('app_id'=>'97fa059753e1109390d54b78f6d020cc'))?>">查看详情 &raquo;</a>
            </div>
            <div>
                <img class="img-front" src="/Frame/source/uploads/app/97fa059753e1109390d54b78f6d020cc/val1.png" alt="val1" width="450" height="350" />
                <img class="img-back" src="/Frame/source/uploads/app/97fa059753e1109390d54b78f6d020cc/val2.png" alt="val2" width="350" height="275" />
                <h3>事务志</h3>
                <p>好用的团队日志应用，方便记录，方便统计。</p>
                <a href="<?php echo MONK::_url('app/one',array('app_id'=>'97fa059753e1109390d54b78f6d020cc'))?>">查看详情 &raquo;</a>
            </div>
        </div>
        <a id="prev" href="#"><span></span></a>
        <a id="next" href="#"><span></span></a>
    </div>
    <div id="store-app-list">
        <ul>
            <?php foreach($app_categorys as $app_category1){ ?>
            <li><a href="#tabs-<?php echo $app_category1['ac_id']; ?>"><?php echo $app_category1['ac_name']; ?></a></li>
            <?php } ?>
        </ul>
        <?php foreach($app_categorys as $app_category2){ ?>
        <div id="tabs-<?php echo $app_category2['ac_id']; ?>">
            <h2><?php echo $app_category2['ac_name']; ?></h2>
            <p></p>
        </div>
        <?php } ?>
        <div class="clearfix"></div>
    </div>
</div>
<script type="text/javascript" src="<?php echo MONK::include_js('carouFredSel',$webSite.'/Frame/source/scripts/jquery.carouFredSel-6.0.4-packed.js',false,true); ?>"></script>
<script type="text/javascript" src="<?php echo MONK::include_js('app/index',$webSite.'/Frame/source/scripts/app/index.js',false,true); ?>"></script>
<!--{/content}-->